<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Lists: test list with flex as its first child</title>
<link rel=help href="https://www.w3.org/TR/CSS22/generate.html#lists">
<link rel=match href="list-and-flex-001-ref.html">
<!-- https://bugs.chromium.org/p/chromium/issues/detail?id=767408 -->

<p>There should be no extra line generated between the marker and the flex.</p>

<ul>
  <li>
    <div style="border: 1px black solid;">
      <div style="display: flex; align-items: flex-end; height: 200px;">
        <span style="line-height: 50px">text</span>
      </div>
    </div>
  </li>
</ul>
